<#import "/base/base.html" as base>
<@base.html  
    title="${(categorySeo.seoTitle)!' '}" 
    keywords="${(categorySeo.seoKeywords)!' '}" 
    description="${(categorySeo.seoDescription)!' '}">
<div class="bread-bg">
    <div class="bread-crumb">
        <ul>
            <li><a href="/">Home</a></li>
            <li> &gt;</li>
            <li><span>About Us</span></li>
        </ul>
    </div>
</div>
<div class="inner-page-middle">
    <div class="inner-page-content">
        <div class="inner-page-r">
            <section class="about-details">
                <#if currentCategory??>
                    <div class="about-details-t">
                        <h1>${currentCategory.title!''}</h1>
                    </div>
                    <div class="about-details-box">
                        <#if articles?? && articles?size gt 0>
                            <#list articles as article>
                                <#if article.customFields??>
                                    <#assign fields = article.customFields?eval>
                                    ${(fields.content)!''}
                                </#if>
                            </#list>
                        </#if>
                    </div>
                </#if>
            </section>
            <div class="air-h30"></div>
            <div class="mail-anchor">
                <div id="inquiry_area"></div>
            </div>
            <div class="inner-message">
                <h4>Mail consultation</h4>
                <div class="inner-message-centered">
                    Please feel free to give your inquiry in the form below.
                    <span> We will reply you in 24 hours. </span>
                </div>
                <div class="inner-message-row msg_bl">
                    <form class="sample-form" method="GET" action="/inquiry_submit" target="_top"
                          custom-validation-reporting="show-all-on-submit">
                        <div class="item item-half">
                            <div class="inner-message-half">
                                <input type="name" id="show-all-on-submit-email" name="name"
                                       placeholder="What's your name?">
                            </div>
                        </div>
                        <input type="hidden" name="fromurl" value="www.eschemy.com/aboutus">
                        <div class="item item-half">
                            <div class="inner-message-box">
                                <input type="phone" id="show-all-on-submit-email" name="phone"
                                       placeholder="Contact number:">
                            </div>
                        </div>
                        <div class="item">
                            <div class="inner-message-box">
                                <input type="email" id="show-all-on-submit-email" name="email" required
                                       placeholder="*Your contact email:">
                            </div>
                        </div>
                        <span visible-when-invalid="valueMissing" validation-for="show-all-on-submit-email"></span>
                        <span visible-when-invalid="typeMismatch" validation-for="show-all-on-submit-email"></span>
                        <div class="item">
                            <div class="inner-message-box">
                                <input type="company" id="show-all-on-submit-email" name="company"
                                       placeholder="Your company name:">
                            </div>
                        </div>
                        <div class="item">
                            <div class="inner-message-box">
                                <input type="message" id="show-all-on-submit-message" name="message" required
                                       placeholder="*What do you wish to enquire about?">
                            </div>
                        </div>
                        <span visible-when-invalid="valueMissing" validation-for="show-all-on-submit-message"></span>
                        <span visible-when-invalid="typeMismatch" validation-for="show-all-on-submit-message"></span>
                        <div class="item">
                            <div class="btn-text" style="display: inline-block;">
                                <input type="submit" value="Submit">
                            </div>
                            <div style="display: inline-block; margin-left: 40px;">
                                <input checked type="checkbox" name="category" value="1"
                                       style="width: auto; height: auto;">
                                <a href="/privacypolicy" target="_blank"><p
                                    style="text-decoration: underline;color: #999; display: inline-block;">Privacy
                                    policy</p></a>
                                <!--<script>document.getElementsByName("category")[0].checked="checked";</script>-->
                            </div>
                        </div>
                        <div submit-success>
                            <template type="amp-mustache">
                                Success! Thanks {{name}} for trying the
                                <code>amp-form</code> demo! Try to insert the word "error" as a name input in the form
                                to see how
                                <code>amp-form</code> handles errors.
                            </template>
                        </div>
                        <div submit-error>
                            <template type="amp-mustache">
                                Error! Thanks {{name}} for trying the
                                <code>amp-form</code> demo.
                            </template>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <!--inner-page-l-->
        <div class="inner-page-l">
            <div class="sidebar-block">
                <div class="sidebar-box sidebar-about">
                    <div class="sidebar-title">
                        <span>About us</span>
                    </div>
                    <div class="sidebar-contant">
                        <ul>
                            <#if category?? && category?is_sequence>
                                <#assign parentId = 0>
                                <#list category as menuItem>
                                    <#if menuItem?is_hash && menuItem.path?? && menuItem.path == 'about'>
                                        <#assign parentId = menuItem.id>
                                        <#break>
                                    </#if>
                                </#list>

                                <#-- 显示 about 下的所有子分类 -->
                                <#list category as menuItem>
                                    <#if menuItem?is_hash && menuItem.parentId?? && menuItem.parentId == parentId>
                                        <li>
                                            <img src="/static/images/icons/right.svg" width="12" height="12">
                                            <a href="/about/${menuItem.path!''}">${menuItem.title!''}</a>
                                        </li>
                                    </#if>
                                </#list>
                            </#if>
                        </ul>
                    </div>
                </div>
<div class="sidebar-box">
    <div class="sidebar-title">
        <span>Products</span>
    </div>
    <div class="sidebar-contant sidebar-product">
        <#if nav_products??>
        <#list nav_products as product>
        <dl>
            <dt>
                <a href="/products/${product.path!''}"
                   title="${product.title!''}"
                   class="${(currentCategory?? && currentCategory.id == product.id)?string('active', '')}">${product.title!''}</a>
            </dt>
        </dl>
    </#list>
</#if>
</div>
</div>

            </div>
        </div>
    </div>
</div>
</@base.html>
